/* eslint react/no-multi-comp: 0, react/prop-types: 0 */
import React from 'react';
import {Splash} from '../../Splash';

export class GithubStars extends React.Component<IProps, IState> {

    constructor(props: IProps) {
        super(props);
    }

    public render() {
        return (

            <Splash settingKey={this.props.settingKey}>

                <div className="text-center">

                    <h4>
                        Liking Polar?  Would you mind giving us a star on
                        Github?
                    </h4>

                    <br/>
                    <br/>

                    <a href="https://github.com/burtonator/polar-bookshelf">
                        <img height="150"
                             src="https://img.shields.io/github/stars/burtonator/polar-bookshelf.svg?style=social&label=Star"/>
                    </a>

                    <br/>
                    <br/>

                </div>

            </Splash>

        );
    }

}

interface IProps {
    readonly settingKey: string;
}

interface IState {
}


class Images {

    // noinspection TsLint: max-line:length
    public static GITHUB_LOGO: string = "";

}
